/*
    less中的嵌套就是这么简单, 看一眼你就会了
    是不是比css简单明了很多
*/ 
.header{
    width: 200px;
    height: 200px;
    background-color: pink;
    // less嵌套后代元素的方式
    a{
        color: red;

        // 如果有伪类、交集选择器、伪元素选择器，那我们要加个&表示父元素本身
        // 比如这样就是a:hover的时候
        &:hover{
            color: green;
        }
    }

    // 如果需要严格执行子级元素防止后代元素中有重名情况, 则可以用 > 配合 & 完成
    &>p{
        color: aqua;
    }
}